@use '../utils/size_variables';

/**
 * Copyright IBM Corp. 2016, 2025
 * SPDX-License-Identifier: BUSL-1.1
 */

// This file defines the scss for open-api-explorer.

/* align list items with container */
.swagger-ember .swagger-ui .wrapper {
  padding: 0;

  .info a {
    color: var(--token-color-palette-blue-300);
  }

  .title {
    small {
      background-color: var(--token-color-palette-neutral-600);
    }
    .version-stamp {
      background-color: var(--token-color-palette-green-300);
    }
  }

  .opblock-deprecated {
    opacity: 1;

    .opblock-summary-method {
      background-color: var(--token-color-foreground-faint);
    }
  }

  .opblock-get {
    .opblock-summary-method {
      background-color: var(--token-color-palette-blue-200);
    }
  }

  .opblock-post,
  .opblock-patch {
    .opblock-summary-method {
      background-color: var(--token-color-palette-green-300);
    }
  }

  .opblock-delete {
    .opblock-summary-method {
      background-color: var(--token-color-palette-red-200);
    }
  }

  .opblock-summary-path-description-wrapper {
    width: min-content;
    flex-grow: 1;
  }

  .info {
    margin: size_variables.$spacing-8 0;

    .title {
      font-size: size_variables.$size-5;
    }
  }

  .copy-to-clipboard {
    &:focus,
    &:focus-visible {
      width: size_variables.$size-4;
    }
  }
}
